import React from 'react'


// 定义类组件

class Comp1 extends React.Component {
  state = {
    timer: null
  }
  // 三个阶段

  // 挂载
  constructor(props) {
    // 必须调用父类的constructor
    super(props);

    // 初始化， 函数绑定this
  }
  render() {
    // 就负责渲染
    return <div>comp1</div>
  }
  componentDidMount() {
    // 第一次渲染完成执行
    // 可以进行副作用操作
    this.timer = setInterval(() => {
      console.log(new Date())
    }, 1000)
  }

  // 更新
  shouldComponentUpdate() {
    // state 内部状态
    // props 外部状态
    return true
  }
  // render
  componentDidUpdate() {
    // 更新完毕
  }
  // 销毁
  componentWillUnmount() {
    // 取消副作用
    clearInterval(this.timer)
  }

}

export default Comp1